<!DOCTYPE html>
<!--<html>
<head>
<title>Bootstrap basic Template</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href='http://fonts.googleapis.com/css?family=Lato:100,400' rel='stylesheet' type='text/css'>
<link href="css/bootstrap-cerulean.css" rel="stylesheet" media="screen">
<link href="custom.css" rel="stylesheet" media="screen">
<link href="../../twitter-bootstrap/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container-fluid">
      <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a class="brand" href="#"><img src="img/sos-img/logo_sos_ortodoncia.png" width="153" height="54" alt="logo"></a>
      <div class="nav-collapse collapse pull-right">
        <p class="navbar-text"> <img src="img/sos-img/login-facebook-header.png" width="102" height="23"> <a href="#" class="navbar-link">Ingresar</a> </p>
        <ul class="nav">
          <li class="linkNavActive"><a href="#">Home</a></li>
          <li><a href="#about">Qui&eacute;nes somos</a></li>
        </ul>
      </div>
   
    </div>
  </div>
</div>
<div class="container-fluid"><!--container starts -->
  <div class="row-fluid"><!-- first row starts -->
    <div class="span2"><!-- first column starts --> 
      
    </div>
    <!-- first column ends -->
    <div class="span8" style="text-align:center;padding-top:40px;"><!-- second column starts -->
      <h1>Te ayudamos a <strong>crear sonrisas.</strong></h1>
      <p>&nbsp;</p>
      <p><img src="img/sos-img/principal_img_home.jpg" width="435" height="293" alt="imagen sonrisa"></p>
      <p>&nbsp; </p>
      <h1>Capacit&aacute;ndote desde la experiencia</h1>
      <p>&nbsp;</p>
      <p><img src="img/sos-img/separator_home.jpg" width="743" height="13"></p>
      <p>&nbsp;</p>
    </div>
    <!-- second column ends -->
    <div class="span2"><!-- third column starts --> 
      
    </div>
    <!-- third column ends --> 
  </div>
  <!-- first row ends -->
  <div class="row-fluid"><!--second row starts -->
    <div class="span12" style="text-align:center">
      <h2>¿C&oacute;mo lo hacemos?</h2>
      <p>&nbsp;</p>
      <div> <img src="img/sos-img/grafico_home.jpg" alt="tech four"> </div>
      <p>&nbsp;</p>
      <div>
        <button class="btn btn_maxSize btn-inverse">Quiero Capacitarme!</button>
        <p><a href="#">Antes quiero saber como funciona</a></p>
      </div>
    </div>
  </div>
  <!--second row ends -->
  <div class="row-fluid"><!--third row starts -->
    <div class="span2"></div>
    <div class="span2"></div>
  </div>
  
  <!--third row ends --> 
  
  <!--sixth row ends -->
  
  
</div>
<!--container ends --> 
<div class="row-fluid footerStyle">
    <div class="span8">
      <p>Todos los derechos reservados - www.sosortodoncia.com.ar - Córdoba, Argentina</p>
    </div>
    <div class="span4" style="text-align:right; padding-right:10px; padding-top:7px"><img src="img/sos-img/like_icon.png" width="76" height="22"> <img src="img/sos-img/facebook_icon.png" width="24" height="24" alt="facebook"></div>
  </div>
<script src="http://code.jquery.com/jquery.js"></script> 
<script src="../../twitter-bootstrap/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
